@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body,pre{ color:#666; font-size:14px; font-family:Microsoft Yahei;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#d72c43; text-decoration:underline;}
.width_all{ max-width:1280px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.width_all_52{ max-width:52%; margin:0 auto;}
.width_all_52:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:1000; position:relative; position:fixed;}/* background:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0)));*/
.head_top .logo{ float:left; width:240px; margin:32px auto;}
.head_top .logo img{ width:100%;}
.head_top h1{ display:none;}
.h_active{ background:#0a408a;}

.top_r_spz{ float:right;}
.top_r_ss{ float:left; width:28px; height:28px; cursor:pointer; position:relative; margin:30px 0; padding:0 13px 0 0;}
.top_r_ss:after{ position:absolute; right:0; top:6px; width:1px; height:16px; content:""; background:#eee;}
.ss_xl{ position:absolute; right:0; top:-6px; padding:0; width:0; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
.top_r_ss:hover .ss_xl{ width:280px;}
.top_r_ss:hover img{ display:none;}
.ss_xl *{ box-sizing:border-box;}
.ss_xl form{ position:relative; z-index:99;}
.ss_xl input{ display:block; font-size:14px; line-height:40px; color:#666; background:#f2f2f2; width:100%; padding:0 40px 0 20px; border-radius:20px; border:none;outline-style:none;}
.ss_xl a{ position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/ss_dw.png) center no-repeat; background-size:40px 40px;}
.head_top .cnen{ float:right; margin:33px 0 33px 12px;}
.head_top .cnen a{ background:#fff; font-size:14px; line-height:22px; color:#333; font-family:Arial; display:block; transition:all .35s; text-transform:uppercase; padding:0 8px;}
.head_top .cnen a:hover{ text-decoration:none; background:#0a408a; color:#fff;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ display:inline-block; z-index:10; position:relative;}
.nav li a{ display:block; font-size:16px; color:#fff; line-height:88px; padding:0 20px; z-index:98;}
.nav li:nth-child(1) a{ padding:0 36px;}
.nav li:hover a, .nav li a.cutter{ text-decoration:none; background:url(../images/dh_hover.png) center no-repeat;}
.nav li:hover a:after, .nav li a.cutter:after{ width:64px; height:2px; background:#d72c43; position:absolute; bottom:0; left:50%; content:""; margin:0 0 0 -32px;}
.nav .sub{ position:absolute; left:0; top:88px; background:rgba(10,64,138,.88); width:3600%; margin:0 0 0 -1750%; text-align:center; padding:10px 0;}
.nav .sub a:after{ display:none;}
.nav .sub a{ display:inline-block; font-size:14px; line-height:26px; padding:0; margin:0 20px;}
/*.nav .sub .sub_left{ float:left; width:56%; position:relative;}
.nav .sub .sub_left:before{ position:absolute; right:0; top:0; content:""; width:1px; height:100%; background:#eee;}
.nav .sub .sub_left .xl_name{ color:#d72c43; font-size:18px; font-weight:bold; line-height:40px; margin:0 0 14px 0;}
.nav .sub .sub_left ol{ width:88%; margin:0; overflow:hidden;}
.nav .sub .sub_left ol li{ float:left; width:50%;}
.nav .sub .sub_left ol li i{ float:left; font-family:宋体; line-height:40px; margin:0 10px 0 0; font-style:normal; font-weight:bold; font-size:14px;}
.nav .sub .sub_left ol li a{ display:block; color:#fff; font-size:16px; line-height:40px; background:none; padding:0;}
.nav .sub .sub_left ol li a:hover{ color:#d72c43; background:none;}
.nav .sub .sub_left ol li a:after{ display:none;}
.nav .sub .sub_right{ float:right; width:38%; background:#fff;}
.nav .sub .sub_right img{ width:100%;}*/

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){ -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:18px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:42px; line-height:42px; font-size:16px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden; overflow:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px; position:relative; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:40px; height:3px; display:block; background:rgba(255,255,255,.68); cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a.flex-active{ background:#fff; cursor:default;}
.banner_sj{ display:none;}

/*new_product*/
.new_product{ margin:60px auto;}
.new_p_k{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
.new_p_name{ float:left; font-size:24px; line-height:30px; color:#0a408a;}
.new_p_name span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.new_p_more{ float:right; width:87px; text-align:center; background:url(../images/ico_down2.png) center bottom no-repeat; margin:15px 0 0 0;}
.new_p_more a{ font-size:14px; color:#0a408a; line-height:30px;}
.new_p_more a:hover{ text-decoration:none;}
.n_product{ width:100%; margin:36px auto 0 auto;}
.n_product li{ float:left; width:33.3333333334%; margin:0; position:relative; transition:all .5s; overflow:hidden;}
.n_product li img{ width:100%; transition:all .5s;}
.n_product li:hover img{ transform:scale(1.2);}
/*.n_product li:hover{ transform:translateY(-4px); animation-fill-mode:forwards; box-shadow:0 4px 30px rgba(0,0,0,.35);}*/
.n_product li .new_p_hover{ display:none;}
.n_product li:hover .new_p_hover{ display:flex; justify-content:center; align-items:center; flex-direction: column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(215,44,67,.8);}
.n_product li .brand_hover{ display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
.n_product li .new_p_cn{ width:88%; margin:0 auto; font-size:22px; color:#fff; line-height:30px; text-align:center;}
.n_product li .new_p_js{ width:88%; margin:10px auto 16px auto; text-align:center;}
.n_product li .new_p_js pre{ font-size:14px; color:#fff; line-height:24px;}
.n_product li .new_p_more{ width:108px; margin:0 auto; overflow:hidden; text-transform:uppercase;}
.n_product li .new_p_more a{ display:block; font-size:12px; color:#333; line-height:36px; background:#fff; text-align:center; transition:all .5s;}
.n_product li .new_p_more a:hover{ text-decoration:none; background:#0a408a; color:#fff;}
.n_product li p{ position:absolute; bottom:-28px; left:0; font-size:14px; margin:0; width:100%; text-align:center; opacity:1; transition:all .5s;}
.n_product li:hover p{ opacity:0;}

/*solution*/
.solution{ width:100%; margin:0 auto; background:#f0f0f0; overflow:hidden; padding:60px 0;}
.solution_t{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
.solution_name{ float:left; font-size:24px; line-height:30px; color:#0a408a;}
.solution_name span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.solution_more{ float:right; width:87px; text-align:center; background:url(../images/ico_down2.png) center bottom no-repeat; margin:15px 0 0 0;}
.solution_more a{ font-size:14px; color:#0a408a; line-height:30px;}
.solution_more a:hover{ text-decoration:none;}
.solution_width{ width:100%; margin:36px auto 0 auto; position:relative;}
.solution_width .pre,.solution_width .next{ position:absolute; display:block; width:55px; height:110px; top:50%; margin:-55px 0 0 0; z-index:10;}
.solution_width .pre{ left:-85px; cursor:pointer; background:url(../images/next.png) left center no-repeat;}
.solution_width .next{ right:-85px; cursor:pointer; background:url(../images/prev.png) left center no-repeat;}
.solution_width .pre:hover{ background:url(../images/next.png) -55px center no-repeat;}
.solution_width .next:hover{ background:url(../images/prev.png) -55px center no-repeat;}
.solution_w_id{ width:100%; margin:0 auto; overflow:hidden; z-index:9; padding:10px 0 18px 0;}
.solution_w_id ul{ width:800%;}
.solution_w_id ul li{ float:left; width:3.9%; margin:0 0.4% 0 0; position:relative; background:#fff;}
.solution_w_id ul li:hover{ background:#e6e9eb;}
.solution_w_id ul li .solution_img{ width:100%; margin:0 auto; overflow:hidden;}
.solution_w_id ul li .solution_img img{ width:100%;}
.solution_w_id ul li a{ display:block; color:#fff;}
.solution_w_id ul li:hover a{ text-decoration:none;}
.solution_w_id ul li .solution_sz{ position:absolute; top:-10px; right:10px; background:url(../images/fang.png) center no-repeat; font-size:18px; line-height:42px; width:45px; padding:0 0 0 12px; text-align:center;}
.solution_w_id ul li .solution_jies{ margin:0 auto; width:100%; color:#333; line-height:26px; position:relative;}
.solution_w_id ul li .solution_jies em{ width:88%; margin:12px auto; font-size:16px; color:#333; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.solution_w_id ul li .solution_jies p{ width:88%; margin:12px auto 38px auto; height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.solution_w_id ul li .solution_more{ width:130px; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -65px; background:#ddd; text-align:center; color:#424242; border-radius:18px; font-size:14px; line-height:36px;}
.solution_w_id ul li .solution_more i{ font-family:宋体; font-style:normal; font-size:14px; font-weight:bold;}
.solution_w_id ul li:hover .solution_more{ background:#0a408a; color:#fff;}

/*about_us*/
.about_us{ margin:60px auto;}
.about_left{ float:left; width:52%;}
.about_left .about_name{ font-size:24px; line-height:30px; color:#0a408a;}
.about_left .about_profiles{ margin:26px 0 42px 0; font-size:14px; color:#666; line-height:25px;}
.about_left .about_more{ width:132px;}
.about_left .about_more img{ width:25px; height:12px; margin:15px 0 0 14px;}
.about_left .about_more a{ display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#0a408a;}
.about_left .about_more a:hover{ text-decoration:none; background:#d72c43;}
.about_right{ float:right; width:42%;}
.about_right img{ width:100%;}

/*news*/
.news{ width:100%; background:#f0f0f0; overflow:hidden; margin:0 auto; padding:48px 0;}
.news_kt{ margin:0 auto;}
.news_name{ float:left; font-size:24px; line-height:30px; color:#0a408a;}
.news_name span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.news_more{ float:right; width:87px; text-align:center; background:url(../images/ico_down2.png) center bottom no-repeat; margin:15px 0 0 0;}
.news_more a{ font-size:14px; color:#0a408a; line-height:30px;}
.news_more a:hover{ text-decoration:none;}
.news_w{ margin:36px auto 0 auto;}
.news_left{ float:left; width:33.5%; position:relative;}
.news_left img{ width:100%;}
.news_left em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(215,44,67,.8); font-size:16px; color:#fff; line-height:36px; text-align:center; height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_right{ float:right; width:62.5%;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ float:left; width:48%; margin:0 4% 0 0; border-bottom:#ccc 1px solid;}
.news_right ul li:nth-child(2n){ margin:0;}
.news_right ul li a{ font-size:14px; color:#666; line-height:50px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; background:url(../images/news_tb.png) left center no-repeat; padding:0 0 0 14px;}
.news_right ul li a:hover{ text-decoration:none; color:#0a408a;}

/*links*/
.yl_link{ width:100%; margin:60px auto 28px auto; border-bottom:#cecece 1px solid;}
.link_name{ font-size:24px; color:#0a408a; line-height:52px;}
.link_name span{ display:inline-block; position:relative;}
.link_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:2px; background:#d72c43;}
.links{ margin:28px auto 60px auto; font-size:14px; color:#666; line-height:25px;}
.links a{ color:#666; margin:0 20px 0 0;}
.links a:hover{ text-decoration:none; color:#d72c43;}

/*footer*/
.footer{ width:100%; background:#0a408a; padding:30px 0 36px 0;}
.footer_left{ float:left; width:75%; position:relative;}
.footer_left:after{ position:absolute; right:0; top:0; content:""; background:#104b9b; width:1px; height:100%;}
.footer_left dl{ width:13%; float:left; position:relative; margin:0 2% 0 0; padding:0 0 0 2%;}
.footer_left dl:after{ position:absolute; left:0; top:0; content:""; background:#104b9b; width:1px; height:100%;}
.footer_left dl:last-child{ margin:0;}
.footer_left dl dd{ margin:0 0 10px 0; font-size:16px; color:#fff; line-height:32px; padding:0 2% 0 0;}
.footer_left dl dt{ font-size:14px;}
.footer_left dl dt a{ color:#eee; display:block; line-height:28px;}
.footer_left dl dt a:hover{ text-decoration:none; color:#fff;}
.footer_right{ float:right; width:22%;}
.footer_c_name{ width:100%; margin:0; overflow:hidden; font-size:16px; color:#fff; line-height:32px;}
.footer_contact{ width:100%; margin:10px auto; overflow:hidden; font-size:14px; color:#eee; line-height:28px;}
.footer_erweima{ width:75%; margin:0 0 0 0;}
.footer_erweima ul{ overflow:hidden;}
.footer_erweima ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer_erweima ul li:last-child{ margin:0;}
.footer_erweima ul li img{ width:100%;}
.footer_erweima ul li p{ border:#ccc 1px solid; padding:5px;}
.footer_erweima ul li em{ font-size:14px; color:#eee; line-height:25px; display:block; text-align:center; margin:5px 0 0 0;}
.footer_icp{ width:100%; background:#0a408a; font-size:14px; color:#eee; line-height:20px; padding:16px 0; border-top:#104b9b 1px solid;}
.footer_icp a{ color:#eee;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative; min-height:88px; background:rgba(10,64,138,1);}
.ny_banner img{ max-width:100%;}
.ny_n_kuang{ position:absolute; bottom:8%; left:0; width:100%; height:auto; z-index:9;}
.ny_c_name{ width:45%; margin:0 auto 6% auto; text-align:center;}
.ny_c_name h2{ font-size:42px; color:#fff; line-height:54px; margin:0 0 1% 0;}
.ny_c_name p{ font-size:16px; color:#fff; line-height:24px;}
.ny_nav{ background:linear-gradient(to right, rgba(255,255,255,.00001),rgba(255,255,255,.5),rgba(255,255,255,.00001)); text-align:center;}
.ny_nav ul{ font-size:0;}
.ny_nav ul li{ display:inline-block; position:relative; font-size:16px;}
.ny_nav ul li:before{ position:absolute; right:0; top:0; width:1px; height:100%; content:""; background:rgba(255,255,255,.35);}
.ny_nav ul li:last-child:before{ display:none;}
.ny_nav ul li a{ color:#fff; line-height:26px; display:block; padding:42px 30px 26px 30px; position:relative;}
.ny_nav ul li a:hover,.ny_nav ul li a.hort{ text-decoration:none; background:#0a408a; color:#fff;}
.ny_nav ul li a:before{ position:absolute; left:50%; top:31px; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.52); content:""; margin:0 0 0 -4px;}
.ny_nav ul li a:hover:before,.ny_nav ul li a.hort:before{ background:rgba(215,44,67,.68);}

.ny_p_nav{ width:100%; margin:0 0 28px 0; position:relative;}
.ny_p_nav ul{ overflow:hidden;}
.ny_p_nav ul li{ float:left; margin:0 26px 0 0;}
.ny_p_nav ul li a{ font-size:14px; color:#666; line-height:61px; display:block; padding:0 12px; position:relative;}
.ny_p_nav ul li a:hover:before,.ny_p_nav ul li a.hovrt:before{ position:absolute; bottom:0; left:0; width:100%; height:3px; content:""; background:#0071bd;}
.ny_p_nav ul li a:hover:after,.ny_p_nav ul li a.hovrt:after{ content:""; position:absolute; width:0; height:0; bottom:0; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #0071bd;}
.ny_p_nav ul li a:hover,.ny_p_nav ul li a.hovrt{ text-decoration:none; color:#0071bd;}

/*lujing*/
.lujing{ margin:10px auto 36px auto; font-size:14px; color:#666; line-height:25px;}
.lujing a{ color:#606060;}
.lujing a:hover{ text-decoration:none; color:#0a408a;}
.lujing span{ color:#0a408a;}

/*content*/
.content{ margin:36px auto 60px auto; border-bottom:#ccc 1px solid; padding:0 0 36px 0;}

/*company*/
.company_img{ width:100%; margin:0 auto 28px auto;}
.company_img ul{ overflow:hidden;}
.company_img ul li{ float:left; width:31%; margin:0 3.5% 0 0;}
.company_img ul li:last-child{ margin:0;}
.company_img ul li img{ width:100%;}
.company_img ul li em{ display:block; font-size:14px; color:#525252; text-align:center; line-height:20px; margin:6px 0 0 0;}
.company{ font-size:14px; color:#666; line-height:20px;}
.company p{ text-indent:2em; margin:0 0 10px 0;}
.company img{ max-width:100%;}

.cultr{ width:100%; margin:0 auto; background:url(../pic/wenhua.jpg) center no-repeat; min-height:720px;}
.cultr ul{ overflow:hidden;}
.cultr ul li{ float:left; width:32%; margin:0 2% 0 0;}
.cultr ul li:last-child{ margin:0; font-size:14px; color:#666; line-height:20px;}

.licheng{ margin:36px auto 60px auto;}
.shijian{ width:100%; margin:0 auto; overflow:hidden;}
.shijian dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.shijian dl:nth-child(2n){ padding:0 55% 0 0;}
.shijian dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.shijian dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#d72c43 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.shijian dl i:after{ position:absolute; left:50%; top:20px; background:#d72c43; width:3%; height:2px; content:""; z-index:1;}
.shijian dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.shijian dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.shijian dl dd{ width:100%; font-size:18px; color:#d72c43; line-height:42px; overflow:hidden;}
.shijian dl:nth-child(2n) dd{ text-align:right;}
.shijian dl:nth-child(2n) dt{ text-align:right;}
.shijian dl:nth-child(2n) dt div{ float:right;}
.shijian dl:nth-child(2n) dt p{ float:right;}
.shijian dl dt{ position:relative; overflow:hidden; margin:0 0 8px 0;}
.shijian dl dt div{ float:left; width:9%; font-size:14px; color:#0a408a; line-height:24px;}
.shijian dl dt p{ float:left; width:91%; font-size:14px; color:#525252; line-height:24px;}

.container{ width:100%; margin:0 auto; columns:4; column-gap:32px;}
.container .box{ width:96%; margin:0 0 32px 0; background:#f2f2f2; padding:2%; overflow:hidden; break-inside:avoid; transition:all .5s;}
.container .box img{ width:100%;}
.container .box:hover{ background:#0a408a;}
.container .box p{ font-size:16px; color:#333; line-height:36px; text-align:center; height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:2% 0 0 0;}
.container .box:hover p{ color:#fff;}
@media(max-width:1200px){
	.container{ columns:3; box-sizing:border-box;}
}
@media(max-width:768px){
	.container{ columns:2;}
}
@media(max-width:480px){
	.container { columns:1;}
}

/*products*/
.product_all{ width:100%; margin:0 auto; overflow:hidden; cursor:pointer;}
.product_all .p_all_right:hover{ color:#0a408a;}
.product_all .p_all_left{ float:left; width:42%;}
.product_all .p_all_left img{ width:100%;}
.product_all .p_all_right{ float:right; width:54%; font-size:14px; line-height:20px; color:#666;}
.product_all .p_all_right p{ text-indent:0; margin:0 0 10px 0;}
.products{ width:100%; margin:0 auto;}
.products li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0;}
.products li:nth-child(4n){ margin:0 0 2.8% 0;}
.products li a img{ width:100%;}
.products li a{ border:#e2e2e2 1px solid; display:block; text-align:center; transition:all .3s; color:#666;}
.products li a:hover{ text-decoration:none; box-shadow:0 5px 15px #e2e2e2; transform:translateY(-5px); color:#0a408a;}
.products li em{ font-size:18px; line-height:28px; color:#0a408a; margin:8px 0; padding:0 4%; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products li p{ font-size:14px; line-height:22px; margin:8px 0 12px 0; padding:0 4%; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.products_text{ float:left; width:30%;}
.products_text img{ width:100%; transition:all .5s;}
.products_text:hover img{ transform:scale(1.2);}
.products_text p{ border:#eee 1px solid; display:block; overflow:hidden; cursor:pointer;}
.product_right{ float:right; width:66%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:36px; font-weight:bold;}
.product_right .p_ggao{ font-size:16px; color:#333; line-height:28px; margin:4px auto;}
.product_right .miaoshu{ border:#ccc 1px solid; border-left:none; border-right:none; margin:4px auto; font-size:14px; color:#525252; line-height:25px; padding:10px 0;}
.product_right .goumai{ width:100%; margin:12px auto; overflow:hidden;}
.product_right .goumai a{ float:left; width:288px; background:#0a408a; font-size:16px; color:#fff; line-height:40px; display:block; text-align:center;}
.product_right .goumai a:hover{ text-decoration:none; background:#d72c43;}
.product_right .jiagou{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}

.productshow{ width:100%; margin:48px auto; overflow:hidden;}
.products_xg{ float:left; width:22%;}
.products_xg .product_kuang{ border:#eee 1px solid;}
.products_xg .p_xg_name{ width:88%; margin:12px auto; border-bottom:#eee 1px solid; font-size:18px; color:#333; line-height:42px; font-weight:bold;}
.products_xg .p_xg_name i{ width:2px; height:18px; background:#0a408a; float:left; margin:13px 12px 11px 0;}
.products_xg .product_kuang ul{ width:88%; margin:12px auto;}
.products_xg .product_kuang ul li{ width:100%; margin:0 0 12px 0;}
.products_xg .product_kuang ul li a img{ width:100%;}
.products_xg .product_kuang ul li a{ display:block; text-align:center;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:24px; margin:8px 0 0 0; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products_sming{ float:right; width:75%;}
.productshow_name{ width:100%; margin:0 auto; background:#f7f7f7;}
.productshow_name div{ overflow:hidden; border-bottom:#eee 1px solid; border-top:#eee 1px solid; border-left:#eee 1px solid; border-right:#eee 1px solid;}
.productshow_name span{ font-size:16px; color:#fff; line-height:30px; font-weight:bold; padding:6px 28px; display:inline-block; background:#0a408a;}
.productshow_quanbu{ width:100%; margin:22px auto 0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.productshow_quanbu img{ max-width:100%;}
.productshow_quanbu table{ width:100%; border:#eee 1px solid; margin:0 auto; overflow:hidden;}
.productshow_quanbu table td{ border:#eee 1px solid; padding:8px;}

.messages_width{ width:100%; margin:0 auto;}
.messages_name{ text-transform:uppercase; margin:36px auto; font-size:30px; color:#333; line-height:36px; text-align:center; position:relative; padding:0 0 15px 0;}
.messages_name:after{ content:""; position:absolute; bottom:0; left:50%; width:120px; height:2px; background:#d72c43; z-index:99; visibility:inherit; margin:0 0 0 -60px;}
.messages{ width:100%; margin:0;}
.messages li{ float:left; width:32%; margin:0 2% 2% 0;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li:last-child{ margin:0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:94%; border:none; border:#dddee1 1px solid; padding:0 0 0 6%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98%; padding:10px 0 0 2%; height:96px; font-size:14px; color:#666; line-height:24px; cue-after:none; background:#fff; border:#dddee1 1px solid;}
.messages .messages-button{ width:186px; margin:0 auto; line-height:48px; font-size:18px; color:#fff; text-align:center; background:#d72c43; cursor:pointer; border-radius:4px; text-transform:uppercase; font-family:Arial;}

/*application*/
.application{ width:100%; margin:0 auto;}
.application ul{ overflow:hidden;}
.application ul li{ float:left; width:23.5%; margin:10px 2% 5% 0; position:relative; background:#f8f8f8;}
.application ul li:nth-child(4n){ margin:10px 0 5% 0;}
.application ul li:hover{ background:#e6e9eb;}
.application ul li .appli_img{ width:100%; margin:0 auto; overflow:hidden;}
.application ul li .appli_img img{ width:100%;}
.application ul li a{ display:block; color:#fff;}
.application ul li:hover a{ text-decoration:none;}
.application ul li .appli_sz{ position:absolute; top:-10px; right:10px; background:url(../images/fang.png) center no-repeat; font-size:18px; line-height:42px; width:45px; padding:0 0 0 12px; text-align:center;}
.application ul li .appli_jies{ margin:0 auto; width:100%; color:#333; line-height:26px; position:relative;}
.application ul li .appli_jies em{ width:88%; margin:12px auto; font-size:16px; color:#333; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.application ul li .appli_jies p{ width:88%; margin:12px auto 38px auto; height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.application ul li .appli_more{ width:130px; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -65px; background:#ddd; text-align:center; color:#424242; border-radius:18px; font-size:14px; line-height:36px;}
.application ul li .appli_more i{ font-family:宋体; font-style:normal; font-size:14px; font-weight:bold;}
.application ul li:hover .appli_more{ background:#0a408a; color:#fff;}

/*services*/
.services{ margin:36px auto 60px auto;}
.service{ font-size:14px; color:#666; line-height:25px;}
.service ul{ margin:28px auto 0 auto;}
.service ul li{ float:left; width:23.5%; margin:0 2% 0 0; border-bottom:#ccc 1px solid;}
.service ul li:last-child{ margin:0;}
.service ul li img{ width:100%; transition:all .5s;}
.service ul li:hover img{ transform:scale(1.2);}
.service ul li p{ overflow:hidden;}
.service ul li em{ font-size:16px; text-align:center; line-height:46px; color:#666; height:46px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*news*/
/*.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news .item-box{ position:relative; display:block; float:left; width:49.9%; margin:0 0.2% 0 0;}
.ny_news .item-box:last-child{ margin:0;}
.ny_news .item-box .img{ overflow:hidden;}
.ny_news .item-box .img img{ width:100%; transition:.4s;}
.ny_news .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff; font-size:14px; line-height:24px;}
.ny_news .item-box .text h2{ margin-bottom:4px;}
.ny_news .item-box .filter{ position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); transition:.4s;}
.ny_news .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.ny_news .item-box:hover .filter{ height:100%; transition:.4s;}
.ny_news dl{ overflow:hidden; margin:36px 0 0 0;}
.ny_news dl dd{ float:left; width:28%; overflow:hidden;}
.ny_news dl dd img{ width:100%; transition:.4s;}
.ny_news dl:hover dd img{ transform:scale(1.1);}
.ny_news dl dt{ float:right; width:68%;}
.ny_news dl a{ color:#333; display:block;}
.ny_news dl a:hover{ color:#d72c43;}
.ny_news dl dt em{ font-size:20px; line-height:32px;}
.ny_news dl dt p{ font-size:14px; color:#525252; line-height:24px; margin:8px 0 18px 0; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news dl dt span{ display:block; color:#888; font-size:14px; line-height:24px; margin:4px 0 8px 0;}
.ny_news dl dt p.ny_news_more{ color:#888;}*/

.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:30%; margin:0 5% 5% 0;}
.ny_news ul li:nth-child(3n){ margin:0 0 5% 0;}
.ny_news ul li a{ display:block; border:#eee 1px solid; color:#666;}
.ny_news ul li a:hover{ text-decoration:none; color:#0a408a;}
.ny_news ul li .ny_n_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news ul li .ny_n_img img{ width:100%;}
.ny_news ul li .ny_n_zt{ width:92%; margin:12px auto 4px auto; font-size:16px; color:#333; line-height:22px; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_jj{ width:92%; margin:4px auto 12px auto; font-size:14px; line-height:20px; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_time{ width:100%; margin:0 auto; border-top:#eee 1px solid; text-align:center; font-size:14px; color:#767676; line-height:20px; padding:8px 0;}

.news_xqing{ margin:48px auto 48px auto;}
.news_show{ float:left; width:72%;}
.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#eee 1px solid;}
.news_bt p{ font-size:14px; color:#666;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.news_js table{ width:100% !important; border:#ccc 1px solid;}
.news_js table td{ border:#ccc 1px solid; padding:1% 2%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#eee 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#d72c43; text-decoration:none;}
.news_biaoqian{ float:right; width:24%;}
.news_bq_name{ font-size:22px; color:#333; line-height:42px; border-bottom:#eee 1px solid;}
.n_biaoqian{ width:100%; margin:20px auto; overflow:hidden;}
.n_biaoqian a{ float:left; width:32%; margin:0 2% 2% 0; background:#f2f2f2; display:block; text-align:center; line-height:30px; transition:all .5s;}
.n_biaoqian a:nth-child(3n){ margin:0 0 2% 0;}
.n_biaoqian a:hover{ color:#fff; text-decoration:none; background:#d72c43;}
.news_ts{ width:100%; margin:20px auto 0 auto;}
.news_ts .item-box{ position:relative; display:block; margin:0 0 8px 0;}
.news_ts .item-box .img{ overflow:hidden;}
.news_ts .item-box .img img{ width:100%; transition:.4s;}
.news_ts .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff;}
.news_ts .item-box .text h2{ margin-bottom:4px;}
.news_ts .item-box .filter{ position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); transition:.4s;}
.news_ts .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.news_ts .item-box:hover .filter{ height:100%; transition:.4s;}
 
/*join_us*/
.join{ margin:36px auto 60px auto;}
.join_js{ font-size:14px; color:#666; line-height:20px;}
.join_js p{ margin:0 0 10px 0;}
.join_js a{ color:#d72c43;}
.join_js a:hover{ text-decoration:none;}
.join_us{ font-size:14px; color:#525252; line-height:20px;}
.join_us img{ max-width:100%;}
.join_us dl{ overflow:hidden; border-bottom:#ccc 1px solid; padding:27px 0;}
.join_us dl dt{ overflow:hidden; position:relative;}
.join_us dl dt:before{ position:absolute; width:68%; height:1px; border-bottom:#ccc 1px dashed; top:17px; left:22%; content:"";}
.join_us dl dt em{ float:left; font-size:16px; color:#333; font-weight:bold; line-height:36px;}
.join_us dl dt span{ float:right; width:100px; margin:3px 0;}
.join_us dl dt span a{ display:block; text-align:center; font-size:14px; color:#fff; background:#0a408a; line-height:30px;}
.join_us dl dt span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2% 0; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#0a408a; font-size:14px; margin:0 0 12px 0;}

/*contact*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden; background:#f0f0f0;}
.contact_us .contact{ float:left; width:72%;}
.contact_us .contact dl{ width:42%; float:left; position:relative; padding:2% 4%;}
.contact_us .contact dl:before{ width:1px; height:100%; background:#fff; position:absolute; top:0; right:0; content:"";}
.contact_us .contact dl:after{ width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; content:"";}
.contact_us .contact dl:last-child:after{ display:none;}
.contact_us .contact dl:nth-child(3):after{ display:none;}
.contact_us .contact dl dd{ float:left; width:15%; margin:2% 0 0 0;} 
.contact_us .contact dl dd img{ width:100%;}
.contact_us .contact dl dt{ float:right; width:80%;}
.contact_us .contact dl dt em{ font-size:18px; color:#767676; line-height:26px;}
.contact_us .contact dl dt p{ font-size:14px; color:#333; line-height:22px; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contact_us .contact_erweima{ float:right; width:28%;}
.contact_us .contact_erweima ul{ width:82%; margin:8% auto;}
.contact_us .contact_erweima ul li{ float:left; width:45%; margin:0 10% 0 0;}
.contact_us .contact_erweima ul li:last-child{ margin:0;}
.contact_us .contact_erweima ul li img{ width:100%;}
.contact_us .contact_erweima ul li p{ font-size:14px; color:#333; line-height:24px; text-align:center; margin:1% 0 0 0;}
.contact_size{ width:100%; margin:30px auto 0 auto; overflow:hidden;}